<%@ page language="java" pageEncoding="UTF-8" errorPage="second.jsp" %>
<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>图书馆</title>
    <link rel="stylesheet" href="./layui/css/layui.css" media="all">


<%--<%= "helloWorld!!!!!"%>--%>
<%--<%--%>
<%--    String s ="jsp表达式";--%>
<%--%>--%>

<%--<%=s%>--%>

<%--<%--%>
<%--    String s ="Hello World!!!!!!!!!";--%>
<%--    for(int i =0;i<3;i++){--%>
<%--        out.print(s);--%>
<%--    }--%>

<%--%>--%>

<%--<br>--%>

<%--<%!--%>
<%--    int day=4;--%>
<%--%>--%>
<%--<% if(day==6||day==7) {%>--%>
<%--    <p>今天是周末</p>--%>
<%--<% } else {%>--%>
<%--<p>今天是工作日</p>--%>
<%--<% }%>--%>

<%--<% for(int i=0;i<10;i++){%>--%>
<%--<p><%=i%>:南京工业职业技术大学</>p>--%>
<%--<% }%>--%>


<%--<%--%>
<%--    int m=8,n=0;--%>
<%--    int result =m/n;--%>

<%--%>--%>

<%--<a href="second.jsp?m=你好&n=5">跳转到第二个页面</a>--%>

    <style>
        html,body{
            width:100%;
            height: 100%;

        }
    .login{
        position:relative;
        width:100%;
        height:100%;

    }

    .login_layout{
        position:absolute;
        top:50%;
        left:50%;
        width:500px;
        transform:translate(-50%,-50%);
        background：rgba(0,150,136,0.1);
        padding:100px 80px 80px 50px;
    }
    .logo{
        font-size: 30px;
        width:100%;
        text-align: center;
        margin-bottom: 10px;


    }

    </style>

</head>

    <div class="login">
        <div class="login_layout">
        <form class="layui-form" action="./doLogin.jsp" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label logo">
                图书馆
            </label>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text" name="username" required
                       lay-verify="required"
                       placeholder="请输入用户名"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

    <div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
            <input type="password" name="password" required
                   lay-verify="required"
                   placeholder="请输入密码" autocomplete="off"
                   class="layui-input">
        </div>
    </div>


    <div class="layui-form-item" style="float: right">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit
                    lay-filter="formDemo">登录</button>
            <button type="reset"
                    class="layui-btn layui-btn-primary">注册
            </button>
        </div>
        </div>
    </form>

    </div>
</div>


<script src="./layui/layui.js"></script>
<script>
    layui.use('form', function(){
        var form = layui.form;

        //各种基于事件的操作，下面会有进一步介绍
    });
</script>
</body>
</html>